웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > js

[jQuery] addBack() 이전 요소 선택하기

Last Modified : 2015-12-27 / Created : 2015-12-08
3,404
View Count
제이쿼리 1.8부터 사용이 가능한 메소드 addBack()에 대하여 알아보겠습니다. 아래는 기본적인 사용방법입니다.

.addBack().이어서 수행 할 메소드 및 속성;
addBack() 메소드를 수행하면 이전에 선택되었던 제이쿼리 요소를 반환합니다. 즉 이전에 선택된 요소를 찾기 위한 노력이 줄어들 수 있습니다. 자세한 내용은 아래 예제를 참고해주세요.



# addBack()  예제보기


아래는 addBack() 메소드를 사용하여 이전 요소를 선택하는 방법입니다. 만약 선택한 요소가 가진 텍스트 값을 자식 노드 input 태그의 값으로 교체한 후 다시 자신을 선택하여 가진 값을 0을 변경할 경우의 예제를 알아보겠습니다. 코드는 아래와 같습니다.

<body>
   <p>123-456-7890</p>
   <input name="telNum" />
</body>


위와 같이 이전요소를 선택하기 위한 방법으로 다양한 선택자 함수가 있습니다. 그 중에서도 많이 쓰이는 것이 end() 메소드입니다. 이 end() 역시 처음에 사용된 선택요소로 돌아가는 역활을 수행합니다.


Previous

[자바스크립트] 정규표현식을 사용하여 태그만 제거하기

Previous

[자바스크립트] confirm() 메소드 사용방법 알아보기